<template>
  <div>这是关于页 - <button @click="handleClick">btn</button></div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // this.$router是路由实例
      // console.log(this.$router);

      // push的是可以后退的
      this.$router.push("/home/home1");
      // this.$router.push({ path: "/home/home1" });
      // this.$router.push("/detail/1234");
      // this.$router.push({ name: "detail", params: { id: 1234 } });

      // replace是会替换当前页面，后退只能后退到前面的页面
      // this.$router.replace("/home/home1");

      // go方法用于前进或者后退,里面放整数
      // this.$router.go(-1);

      // 大多数情况下，router-link和编程式导航可以换着用
      // 有逻辑判断的时候，编程式导航更好
      // 导航有高亮，router-link更好
    },
  },
};
</script>
